<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
    <title>项目详情</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">    
    <link rel="shortcut icon" href="favicon.ico">  
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <!-- Global CSS -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">   
    <!-- Plugins CSS -->    
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/plugins/prism/prism.css">
    <link rel="stylesheet" href="assets/plugins/lightbox/dist/ekko-lightbox.min.css">
    <link rel="stylesheet" href="assets/plugins/elegant_font/css/style.css">

    <!-- Theme CSS -->
    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
</head> 

<body class="body-pink">
    <div class="page-wrapper">
        <!-- ******Header****** -->
        <header id="header" class="header">
            <div class="container">
                <div class="branding">
                    <h1 class="logo">
                        <a href="index.html">
                            <span aria-hidden="true" class="icon_documents_alt icon"></span>
                            <span class="text-highlight">家装平台</span><span class="text-bold">项目</span>
                        </a>
                    </h1>
                </div><!--//branding-->
                <ol class="breadcrumb">
                    <li><a href="index.html">主页</a></li>
                    <li class="active">演示</li>
                </ol>
            </div><!--//container-->
        </header><!--//header-->
        <div class="doc-wrapper">
            <div class="container">
                <div id="doc-header" class="doc-header text-center">
                    <h1 class="doc-title"><span aria-hidden="true" class="icon icon_puzzle_alt"></span> 项目介绍</h1>
                    <div class="meta"><i class="fa fa-clock-o"></i> 最后更新时间: 2017-4-24</div>
                </div><!--//doc-header-->
                <div class="doc-body">
                    <div class="doc-content">
                        <div class="content-inner">
                            <div class="section-block">
                                <div class="row">
                            <section id="介绍" class="doc-section">
                                <h2 class="section-title">项目介绍</h2>
                                <div class="section-block">
                                    <h3 class="question"> 网站建设团队 </h3>
                                    <div class="answer"> 刘健 & 曾创 & 李庆福 & 刘金泳</div>
                                </div><!--//section-block-->
                                <div class="section-block">
                                    <h3 class="question"> 所用技术 </h3>
                                    <div class="answer">MVC设计模式，CSS，JS，数据库与连接池，el表达式，动态创建网页，核心标签库，ajax局部刷新，过滤器，session</div>
                                </div><!--//section-block-->
                                <div class="section-block">
                                    <h3 class="question"> 项目分工</h3>
                                    <div class="answer">曾创：设计师模块（除案例）、业主模块（除预约管理）、建材商模块（除登录注册信息修改）、管理员模块、建材商和设计师的相关数据在前台页面的展示（除装修公司）</div><br>
                                    <div class="answer">李庆福：装修公司和建材商的登录注册信息修改（包密码修改）、设计师的案例、装修公司的活动和案例、装修公司的页面、业主、装修公司预约管理</div><br>
                                    <div class="answer">刘健：绝大部分前台页面和所有页面样式、根据要求对页面进行改动、演示网页，管理员登录与添加普通管理员</div><br>
									<div class="answer">刘金泳：搜索，邮件发送</div>
                                </div><!--//section-block-->
                                <div class="section-block">
                                    <h3 class="question"> 结构图</h3>
                                <div class="col-md-6 col-sm-12 col-sm-12"><!--图片放置-->
                                    <div class="screenshot-holder">
                                        <a href="assets/images/gf.png" data-title="Dashboard - Project Management" data-toggle="lightbox"><img class="img-responsive" src="assets/images/gf.png" alt="screenshot" /></a>
                                        <a class="mask" href="assets/images/gf.png" data-title="Dashboard - Project Management" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="screenshot-holder">
                                            <a href="assets/images/gn.png" data-title="Project Details" data-toggle="lightbox"><img class="img-responsive" src="assets/images/gn.png" alt="screenshot" /></a>
                                            <a class="mask" href="assets/images/gn.png" data-title="Project Details" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                                </div><!--//section-block-->
                            </section><!--//doc-section-->
                            </div>
                            </div>

                            <section id="主页" class="doc-section">
                                <h2 class="section-title">项目展示</h2>
                                <div class="section-block">
                                    <p>BeautHome-全国最大房屋装修平台</p>

                                </div><!--//section-block-->
                                <div class="section-block">
                                    <div class="row">
                                        <div class="col-md-6 col-sm-12 col-sm-12"><!--图片放置-->
                                            <h6>注册页面</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/reg.png" data-title="Dashboard - Project Management" data-toggle="lightbox"><img class="img-responsive" src="assets/images/reg.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/reg.png" data-title="Dashboard - Project Management" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                         <div class="col-md-6 col-sm-12 col-sm-12">
                                            <h6>登录页面</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/login.png" data-title="Dashboard - Web Analytics" data-toggle="lightbox"><img class="img-responsive" src="assets/images/login.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/login.png" data-title="Dashboard - Web Analytics" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div> 
                                    </div><!--//row-->
                                    <div class="callout-block callout-info">
                                        <div class="icon-holder">
                                            <i class="fa fa-bullhorn"></i>
                                        </div><!--//icon-holder-->
                                        <div class="content">
                                            <h4 class="callout-title">公告</h4>
                                            <p>BeautHome-全国最大房屋装修平台现已全面开放</p>
                                        </div><!--//content-->
                                    </div><!--//callout-->
                                </div><!--//section-block-->
                                
                            </section><!--//doc-section-->
                            
                            <section id="主页2" class="doc-section">
                                <h2 class="section-title">主页</h2>
                                <div id="主页3" class="section-block">
                                    <h3 class="block-title">网站主页</h3>
                                    <p>简洁大气风格的主页面</p>
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>首页（上半部分）</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/home1.png" data-title="Project Overview" data-toggle="lightbox"><img class="img-responsive" src="assets/images/home1.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/home1.png" data-title="Project Overview" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>首页（下半部分）</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/home2.png" data-title="Project Details" data-toggle="lightbox"><img class="img-responsive" src="assets/images/home2.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/home2.png" data-title="Project Details" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                    </div><!--//row-->
                                </div><!--//section-block-->
                                <div id="用户" class="section-block">
                                    <h3 class="block-title">用户页面</h3>
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>用户管理</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/cus2.png" data-title="Discussion Overview" data-toggle="lightbox"><img class="img-responsive" src="assets/images/cus2.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/cus2.png" data-title="Discussion Overview" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>用户的后台个人中心</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/cus.png" data-title="Discussion Details" data-toggle="lightbox"><img class="img-responsive" src="assets/images/cus.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/cus.png" data-title="Discussion Details" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                    </div><!--//row-->  
                                </div><!--//section-block-->
                                
                                <div id="装修公司" class="section-block">
                                    <h3 class="block-title">装修公司</h3>
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>装修公司首页</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/comp1.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/comp1.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/comp1.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>装修公司后台页面</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/comp2.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/comp2.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/comp2.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                    </div><!--//row-->  
                                </div><!--//section-block-->

                                <div id="建材商" class="section-block">
                                    <h3 class="block-title">建材商</h3>
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>建材商首页</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/sup1.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/sup1.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/sup1.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>建材商后台页面</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/sup2.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/sup2.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/sup2.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div>
                                        </div>
                                    </div><!--//row-->
                                </div><!--//section-block-->

                                <div id="设计师" class="section-block">
                                    <h3 class="block-title">设计师</h3>
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>设计师展示</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/des1.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/des1.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/des1.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <h6>设计师后台页面</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/des2.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/des2.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/des2.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div>
                                        </div>
                                    </div><!--//row-->
                                </div><!--//section-block-->
                                
                                <div id="管理员" class="section-block">
                                    <h3 class="block-title">管理员后台</h3>
                                    <div class="row">
                                        <div class="col-md-4 col-sm-4 col-xs-6">
                                            <h6>申请管理</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/adm1.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/adm1.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/adm1.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-6">
                                            <h6>公司案例管理</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/adm2.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/adm2.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/adm2.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-6">
                                            <h6>建材活动管理</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/adm3.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/adm3.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/adm3.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-6">
                                            <h6>设计案例管理</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/adm4.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/adm4.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/adm4.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-6">
                                            <h6>公司活动管理</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/adm5.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/adm5.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/adm5.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-6">
                                            <h6>商品管理</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/adm6.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/adm6.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/adm6.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                    </div><!--//row-->  
                                </div><!--//section-block-->
                                
                                 <div id="其他" class="section-block">
                                    <h3 class="block-title">其他页面</h3>
                                    <div class="row">
                                        <div class="col-md-3 col-sm-3 col-xs-6">
                                            <h6>设计案例</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/other3.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/other3.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/other3.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-6">
                                            <h6>公司案例</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/other1.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/other1.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/other1.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-6">
                                            <h6>公司活动</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/other2.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/other2.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/other2.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-6">
                                            <h6>建材活动</h6>
                                            <div class="screenshot-holder">
                                                <a href="assets/images/other5.png" data-toggle="lightbox"><img class="img-responsive" src="assets/images/other5.png" alt="screenshot" /></a>
                                                <a class="mask" href="assets/images/other5.png" data-toggle="lightbox"><i class="icon fa fa-search-plus"></i></a>
                                            </div> 
                                        </div>
                                    </div><!--//row-->  
                                </div><!--//section-block-->
                                <div class="section-block">
                                    <div class="center-block text-center">
                                         <a class="btn btn-primary" href="faqs.html" target="_blank">不足和改进</a>
                                    </div>
                                </div><!--//section-block-->
                            </section><!--//doc-section-->
                            
                        </div><!--//content-inner-->
                    </div><!--//doc-content-->
                    <div class="doc-sidebar">
                        <nav id="doc-nav">
                            <ul id="doc-menu" class="nav doc-menu hidden-xs" data-spy="affix">
                                <li><a class="scrollto" href="#主页">注册页面</a></li>
                                <li>
                                    <a class="scrollto" href="#主页2">主页</a>
                                    <ul class="nav doc-sub-menu">
                                        <li><a class="scrollto" href="#介绍">项目介绍</a></li>
                                        <li><a class="scrollto" href="#主页3">介绍</a></li>
                                        <li><a class="scrollto" href="#用户">用户</a></li>
                                        <li><a class="scrollto" href="#装修公司">装修公司</a></li>
                                        <li><a class="scrollto" href="#建材商">建材商</a></li>
                                        <li><a class="scrollto" href="#设计师">设计师</a></li>
                                        <li><a class="scrollto" href="#管理员">管理员</a></li>
                                        <li><a class="scrollto" href="#其他">其他页面</a></li>
                                    </ul><!--//nav-->
                                </li>
                            </ul><!--//doc-menu-->
                        </nav>
                    </div><!--//doc-sidebar-->
                </div><!--//doc-body-->              
            </div><!--//container-->
        </div><!--//doc-wrapper-->
        
    </div><!--//page-wrapper-->
    
    <footer id="footer" class="footer text-center">
        <div class="container">
            <!--版权-->
            <small class="copyright">© 2017 BeautHome-全国最大房屋装修平台 版权所有. </small>
            
        </div><!--//container-->
    </footer><!--//footer-->
    
     
    <!-- Main Javascript -->          
    <script type="text/javascript" src="assets/plugins/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/plugins/prism/prism.js"></script>    
    <script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>  
    <script type="text/javascript" src="assets/plugins/lightbox/dist/ekko-lightbox.min.js"></script>                                                                 
    <script type="text/javascript" src="assets/plugins/jquery-match-height/jquery.matchHeight-min.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    
</body>
</html> 

